<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <title>天码通</title>
    <!---->
    <link rel="icon" th:href="@{/favicon.ico}" href="/favicon.ico">
    <!---->
    <link rel="stylesheet" th:href="@{/plugins/mui/css/mui.min.css}" href="/static/plugins/mui/css/mui.min.css"/>
    <link rel="stylesheet" th:href="@{/css/style.css}" href="/static/css/style.css"/>

    <style>
        .mui-grid-view.mui-grid-9 {
            background-color: rgba(0, 0, 0, 0);
        }

        .mui-content > .mui-table-view:first-child {
            margin: 0;
        }

        .mui-grid-view.mui-grid-9 .mui-table-view-cell > a:not(.mui-btn) {
            background-color: #ffffff59;
        }

        .mui-table-view li img {
            width: 4rem;
            height: 4rem;
        }

        .mui-table-view li div {
            color: #008081;
            font-size: 1rem;
        }
    </style>
</head>

<body>
<div id="wrapper" class="bg">
    <header class="mui-bar mui-bar-nav">
        <h1 class="mui-title">天码通</h1>
    </header>

    <div class="mui-content">

        <ul class="mui-table-view mui-grid-view mui-grid-9">
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a th:href="@{/wx/view/invoice}" href="/wx/view/invoice">
                    <div>
                        <div>
                            <img th:src="@{/img/ic_invoice_scan.png}" src="/static/img/ic_invoice_scan.png">
                        </div>
                        <div class="mui-text-center">扫码发货</div>
                    </div>
                </a>
            </li>

            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a th:href="@{/wx/view/inspect}" href="/wx/view/inspect">
                    <div>
                        <div>
                            <img th:src="@{/img/ic_inspect.png}" src="/static/img/ic_inspect.png">
                        </div>
                        <div class="mui-text-center">稽查</div>
                    </div>
                </a>
            </li>

            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a th:href="@{/wx/view/returned}" href="/wx/view/returned">
                    <div>
                        <div>
                            <img th:src="@{/img/ic_returned.png}" src="/static/img/ic_returned.png">
                        </div>
                        <div class="mui-text-center">退货</div>
                    </div>
                </a>
            </li>

            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a th:href="@{/wx/view/invoice/manager}" href="/wx/view/invoice/manager">
                    <div>
                        <div>
                            <img th:src="@{/img/ic_manager.png}" src="/static/img/ic_manager.png">
                        </div>
                        <div class="mui-text-center">发货管理</div>
                    </div>
                </a>
            </li>

            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a th:href="@{/wx/view/setting}" href="/wx/view/settitng">
                    <div>
                        <div>
                            <img th:src="@{/img/ic_setting.png}" src="/static/img/ic_setting.png">
                        </div>
                        <div class="mui-text-center">设置</div>
                    </div>
                </a>
            </li>

        </ul>
    </div>
</div>

<script type="text/javascript" th:src="@{/plugins/jquery/jquery-2.1.4.js}"
        src="/static/plugins/jquery/jquery-2.1.4.js"></script>
<script type="text/javascript" th:src="@{/plugins/mui/js/mui.min.js}"
        src="/static/plugins/mui/js/mui.min.js"></script>
<script>
    mui.init();
</script>
</body>

</html>